<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>

	<script>  
         $('input:not([type="button"]),select,textarea').live('keydown', function(e) {      
                var nodeName = e.target.nodeName.toLowerCase();      
                if (e.which === 13) {      
                    if (nodeName === 'input' &amp;&amp; e.target.type != 'button' &amp;&amp; e.target.type != 'submit' ||      
                        nodeName === 'select' || nodeName === 'textarea') {      
                        var focusable = $('input,a,select,button,textarea').filter(':visible');      
                        focusable.eq(focusable.index(this)+1).focus();      
                        return false;      
                    }      
                }      
            });      
        </script>
</h:head>
<h:body>
	<h:form id="idBuscaProduto">
		<p:panel id="panel" header="Registro de Vendas">

			<p:messages id="mensagens" showDetail="False" autoUpdate="true"
				closable="true" />
			<p:focus context="panel" />

			<p:panelGrid columns="2">
				<h:outputText value="Cliente:" />
				<p:selectOneMenu value="#{registroVendas.clienteSelecionado}">
					<f:selectItem itemLabel="Selecione um Cliente" />
					<f:selectItems value="#{registroVendas.clienteSelect}" />

					<f:ajax event="change" render="idClienteSelecionado" />
				</p:selectOneMenu>

				<h:outputLabel value="Produto:" />
				<h:panelGroup>
					<h:inputText value="#{registroVendas.produtoSelecionado.descricao}" />

					<p:commandButton value="Pesquisar" update="@form"
						action="#{registroVendas.buscarProduto}" />
											
						
				</h:panelGroup>

				<h:outputLabel value="Id do Cliente" />
				<h:outputText id="idClienteSelecionado"
					value="#{registroVendas.clienteSelecionado.id}" />

				<p:dataTable value="#{registroVendas.carrinhoCompras}" var="produto"
					border="1">

					<f:facet name="header">Listagem carrinho de compras</f:facet>
					<p:column>
						<f:facet name="header">Descricao</f:facet> 
                #{produto.descricao}				
				
				</p:column>

					<p:column>
						<f:facet name="header">Ações</f:facet>
						<h:commandLink action="#{registroVendas.excluirProdutoCarrinho}"
							onclick="if(!confirm('Deseja realmente excluir o produto #{produto.descricao} do carrinho?.')) return false;">
							<h:graphicImage library="imagens" name="Deletar24x24.png" />
							<f:setPropertyActionListener
								target="#{registroVendas.produtoSelecionado}" value="#{produto}" />


						</h:commandLink>

					</p:column>
				</p:dataTable>
			</p:panelGrid>


			<p:dock>
				<p:menuitem value="Salvar" url="http://www.google.com.br"
					icon="resources/imagens/home.png" />
				<p:menuitem value="Alterar" url="#"
					icon="resources/imagens/financeiro.png" />
				<p:menuitem value="Excluir" url="#"
					icon="resources/imagens/clientes.png" />
				<p:menuitem value="Pesquisar" url="#"
					icon="resources/imagens/produtos.png" />
				<p:menuitem value="Sair" url="paginaInicialFinanceiro.jsf"
					icon="resources/imagens/backups.png" />
			</p:dock>

		</p:panel>
	</h:form>
</h:body>
</html>
